<template>
	<el-col :span="24" class="header_container">
		<el-col :span="4" :offset="5" class="logo">
			<div class="logoImage" @click="backhome"></div>
		</el-col>
  		<el-col :span="10" class="tools">
  			<router-link to="/" class="back_home">返回官网</router-link>
  		</el-col>
	</el-col>
</template>

<script>
	export default {
		data() {
			return {
				refresh_flag: true
			}
		},
		methods: {
			backhome () {
				this.$router.push(`/`)
			}
		}
	};
</script>

<style scoped>

	.header_container {
		background-color: rgb(255, 255, 255);
		height: 10.2%;
		box-shadow: 0 2px 4px 0 rgba(179,179,179,0.50);
	}

	.logo {
		height: 100%;
		background-color: rgb(255, 255, 255);
	}

	.logoImage {
		cursor: pointer;
		width: 74%;
		height: 60%;
		background-image:url('../assets/logo.png');
		background-size:100% 100%;
		background-repeat:no-repeat;
		position: relative;
        top: 50%; /*偏移*/
        margin-top: -9.5%;
	}

	.tools{
		height: 100%;
		background-color: rgb(255, 255, 255);
		/*width: 50%;*/
	}

	.back_home {
		/*font-size: 19px;*/
		font-size: 1vw;
		float: right;
		/*margin-right: 1%;*/
		cursor: pointer;
		color: rgb(0,0,0);
		text-decoration:none;
		position: relative;
        top: 50%; /*偏移*/
        margin-top: -0.7vw;
        font-family: SourceHanSansCN-Normal;
        letter-spacing: 0;
	}

	.back_home:hover {
		color: #1DB2BF;
		transition: .2s;
	}
	
</style>